<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>图书检索</title>
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/index.css">
    <script type="text/javascript" src="js/index.js"></script>
	<!--样式文件-->
	<link rel="stylesheet" type="text/css" href="css/jquery.dataTables.min.css">
	<!--jquery js-->
	<script src="js/jquery.js"></script>
	<!--DataTables 核心 js-->
	<script src="js/jquery.dataTables.min.js"></script>
	<script src="js/jquery.dataTables.js"></script>
	<script src="js/jquery-3.2.1.js"></script>



	<script>
        $(document).ready(function(){

            tokenLength = location.href.length;
            tokenStart = location.href.indexOf("&");
            nameStart = location.href.indexOf("?");
            userName = location.href.slice(nameStart+1,tokenStart);
            token = location.href.slice(tokenStart+1,tokenLength);
        });


        function jump1() //将搜索内容传入
        {
            var name=$('#name').val();//需要传到B页面的值
            var author=$('#author').val();
            var publisher=$('#publisher').val();
            var lable="!";
            var param = encodeURI("../userIndex.html?index1="+lable+name+lable+author+lable+publisher+lable+"lzllcylzmlhahaha"+lable);
            var urls = param+"?"+userName+"&"+token;
            window.location.href=urls;
        }

	</script>

	<script>
	</script>



</head>
<body>
<!-- 主页面开始 -->
<div class="page" id="page-main">
	<!-- 网页头部 -->
	<div class="header">
		<!-- 左上角logo -->
		<a href="javascript:void(0)" class="logo">

		</a>

	</div>
	<!-- 搜索框 -->
	<div class="search">

		<div class="wrapper-input">
            <form id="searchlist">

                <input  type="text" id="name" placeholder="书名" > <br>

                <input  type="text" id="author" placeholder="作者"><br>

				<input  type="text" id="publisher" placeholder="出版社"> <input type="button" style="width:50px;height:47px" id="btn-search" class="btn btn-block btn-info" onclick="jump1()">


            </form>
         <div>


	</div>



	<!-- 日历框 -->
	<div class="calendar">
		<a href="javascript:void(0)" class="calendar-icon"><!-- 日历活动 --></a>
		<img src="images/calendarpic.jpg" class="calendar-pic">
		<ul class="calendar-week">
			<li>星期日<span>SUN</span></li>
			<li>星期一<span>MON</span></li>
			<li>星期二<span>TUE</span></li>
			<li>星期三<span>WEN</span></li>
			<li>星期四<span>THU</span></li>
			<li>星期五<span>FRI</span></li>
			<li>星期六<span>SAT</span></li>
		</ul>
		<ul class="calendar-date" id="calendar-date">
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ul>
	</div>




	<!-- 搜索页面结束 -->



</body>
</html>